<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>付款页面</title>
    <link rel="stylesheet" type="text/css" href="../css/navigation.css">
    <link rel="stylesheet" type="text/css" href="../css/payment_page.css">
    <script src="../javascript/jquery-3.1.1.min.js"></script>
    <script src="../javascript/lodash.js"></script>
    <script type="text/javascript" src="../javascript/payment_page.js" ></script>
    <script type="text/javascript" src="../javascript/jquery.tmpl.min.js" ></script>
    <script id="form" type="text/x-jquery.tmpl">
        <tr>
                <td>${classification}</td>
                <td class="name">${name}</td>
                <td>${price}</td>
                <td>${unit}</td>
                <td>${count}</td>
                <td id=${id}subtotal>{{if free_count>0}}${(count-free_count)*price}元(原价：${count*price}元){{else}}${count*price}元{{/if}}</td>
         </tr>
    </script>
    <script id="save_form" type="text/x-jquery.tmpl">
        <tr>
                <td>${classification}</td>
                <td class="name">${name}</td>
                <td>${count}</td>
         </tr>
    </script>
</head>
<body>
<div>
    <div id="navigation">
        <ul>
            <li><a href="home_list.html " class="go">Let's Go</a></li>
            <li><a href="home_list.html" class="tipspage">主页</a></li>
            <li><a href="item_list.html" class="goods">商品列表</a></li>
            <li><a href="cart_list.html" class="cart" ><img  src="../shopping_cart.png"/>购物车(<b id="sum_count"></b>)</a></li>
        </ul>
        <div id="goods_list">
            <div class="items">
                <caption>购物清单</caption>
            </div>
            <p class="time"></p>
            <table id="cart_list">
                <thead>
                <tr>
                    <th class="classification">分类</th>
                    <th class="name">名称</th>
                    <th class="price">单价(元)</th>
                    <th class="unit">单位</th>
                    <th class="count">数量</th>
                    <th class="subtotal">小计</th>
                </tr>
                </thead>
            </table>
        <div>
            <div class="items">
                <caption>赠送商品</caption>
            </div>
            <table id="save_table">
                <th>分类</th>
                <th>名称</th>
                <th>数量</th>
            </table>
            <div class="sum">总计：<a id="sum_money"></a> 元</div>
            <div class="save">节省：<a id="save"></a> 元</div>
            <button class="pay">确认</button>
        </div>
    </div>

</div>
</body>
</html>